
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>创建课程 - Cloud Lab</title>

    <!--引入js-->
    <link rel="shortcut icon" href="../img/logo_img.png">
    <link rel="stylesheet" href="../static/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/highlight.js/9.8.0/monokai-sublime.min.css">
    <link rel="stylesheet" href="../app/css/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../app/css/libs/katex/0.6.0/katex.min.css">
    <link rel="stylesheet" href="../app/css/libs/videojs/5.11.7/video-js.min.css">
    <link rel="stylesheet" href="../app/css/dest/styles.css?=2016121272249">
</head>

<body>

<!--网页顶部 导航栏-->
<script src="../model/topHtmlExpectIndex.js"></script>

<div class="container layout layout-margin-top">

    <div class="row">
        <div class="col-md-9 layout-body">

            <div class="content">
                <div class="row course-cates">

                </div>
                <div class="row course-cates">
                    <div class="col-md-1 course-cates-title">标签：</div>
                    <div class="col-md-11 course-cates-content">
                        <!--<a class="active" href="/courses/?course_type=all&amp;fee=all">全部</a>-->

                        <a class="active" href="#" onclick="javascript:selectCourseTap('tap-0001'); return false;" id="tap-0001">Python</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0002'); return false;" id="tap-0002">C/C++</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0003'); return false;" id="tap-0003">Linux</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0004'); return false;" id="tap-0004">Web</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0005'); return false;" id="tap-0005">信息安全</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0006'); return false;" id="tap-0006">PHP</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0007'); return false;" id="tap-0007">Java</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0008'); return false;" id="tap-0008">NodeJS</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0009'); return false;" id="tap-0009">Android</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0010'); return false;" id="tap-0010">GO</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0011'); return false;" id="tap-0011">Spark</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0012'); return false;" id="tap-0012">Hadoop</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0013'); return false;" id="tap-0013">HTML5</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0014'); return false;" id="tap-0014">Scala</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0015'); return false;" id="tap-0015">Ruby</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0016'); return false;" id="tap-0016">R</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0017'); return false;" id="tap-0017">网络</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0018'); return false;" id="tap-0018">Git</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0019'); return false;" id="tap-0019">SQL</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0020'); return false;" id="tap-0020">NoSQL</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0021'); return false;" id="tap-0021">算法</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0022'); return false;" id="tap-0022">Docker</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0023'); return false;" id="tap-0023">Swift</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0024'); return false;" id="tap-0024">汇编</a>

                        <a class="" href="#" onclick="javascript:selectCourseTap('tap-0025'); return false;" id="tap-0025">其他</a>

                    </div>
                </div>
            </div>
            <div class="sidebox">

                <div class="sidebox-header">
                    <h4 class="sidebox-title">课程信息</h4>
                </div>
                <div class="sidebox-body course-content side-list-body">
                    <form class="form-horizontal" method="POST" enctype="multipart/form-data" id="courseInfo" onsubmit="createCourse();return false;">
                        <div class="form-group">
                            <label for="courseTap" class="col-sm-2 control-label">课程标签</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="courseTap" name="courseTap" type="text" value="Python" readonly>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="courseName" class="col-sm-2 control-label">课程名称</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="courseName" name="courseName" placeholder="不超过200字符">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="courseDescribe" class="col-sm-2 control-label">课程描述</label>
                            <div class="col-sm-10">
                                <textarea class="form-control" id="courseDescribe" name="courseDescribe" rows="5" placeholder="不超过800字符..."></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="courseImage" class="col-sm-2 control-label">课程图片</label>
                            <div class="col-sm-10">
                                <input type="file" id="courseImage" name="courseImage" class="form-control" accept="image/*">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="submit" class="btn btn-success">创建</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-md-3 layout-side">
            <div class="panel panel-default panel-userinfo">
                <div class="panel-body body-userinfo">
                    <div class="media userinfo-header">
                        <div class="media-left">
                            <div class="user-avatar">

                                <a class="avatar">
                                    <img class="circle" src="../img/logo_img.png">
                                </a>

                            </div>
                        </div>
                        <div class="media-body">

                            <span class="media-heading username">Cloud Lab</span>
                            <p class="vip-remain">代码改变世界，编程创造未来</p>

                        </div>
                    </div>

                    <div class="row userinfo-data">

                    </div>

                    <div class="userinfo-footer row">
                    </div>
                </div>
            </div>
            <div class="sidebox">

                <div class="sidebox-header">
                    <h4 class="sidebox-title">我的课程</h4>
                </div>
                <div class="sidebox-body course-content side-list-body" id="myCourses">
                    正在加载，请稍后...
                </div>
            </div>
        </div>
    </div>
</div>

<a data-toggle="modal" data-target="#createCourseError" id="showCreateCourseError" onclick="return false;"></a>
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="createCourseErrorModalLabel" id="createCourseError">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="createCourseErrorModalLabel">错误</h4>
            </div>
            <div class="modal-body" id="createCourseErrorInfo">
                表单填写有误！
            </div>
        </div>
    </div>
</div>
<!--网页登录弹窗-->
<script src="../model/loginHtml.js"></script>
<!--网页底部  导航栏-->
<script src="../model/bottomExpectIndex.js"></script>

<!--引入js-->
<script src="../app/dest/lib/lib.js?=2016121272249"></script>
<script src="../static/jquery/2.2.4/jquery.min.js"></script>
<script src="../static/ace/1.2.5/ace.js"></script>
<script src="../static/aliyun/aliyun-oss-sdk-4.3.0.min.js"></script>
<script src="../static/highlight.js/9.8.0/highlight.min.js"></script>
<script src="../static/jspdf/1.2.61/jspdf.min.js"></script>
<script src="../static/plupload/2.1.9/js/plupload.full.min.js"></script>
<script src="../static/zeroclipboard/2.2.0/ZeroClipboard.min.js"></script>
<script src="../static/videojs/video.min.js"></script>
<script src="../static/bootstrap-tour/0.11.0/js/bootstrap-tour.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/bootstrap-table.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/extensions/filter-control/bootstrap-table-filter-control.min.js"></script>

<script src="../static/ravenjs/3.7.0/raven.min.js"></script>
<script src="../app/dest/course/index.js?=2016121272249"></script>
<script src="js/index.js"></script>
<script src="js/create_course.js"></script>
</body>
</html>
